<template>
  <div>
    <el-dialog
      title="补货详情"
      :visible="showReplment"
      width="40%"
      @close="close"
    >
      <el-table
        :data="tableData"
        style="width: 100%;"
        :header-cell-style="{'background-color':'#f3f6fb'}"
      >
        <el-table-column
          prop="date"
          label="货道编号"
          align="center"
        />
        <el-table-column
          prop="name"
          label="商品名称"
          align="center"
        />
        <el-table-column
          prop="address"
          label="当前数量"
          align="center"
        />
        <el-table-column
          prop="address"
          label="还可添加"
          align="center"
        />
        <el-table-column
          prop="address"
          label="补满数量"
        />
      </el-table>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: '',
  props: {
    showReplment: {
      type: Boolean
    }
  },
  data() {
    return {

    }
  },
  computed: {
  },
  created() {
  },
  methods: {
    close() {
      this.$emit('update:showReplment', false)
    }
  }
}
</script>
<style lang='scss'  scoped>
.el-table thead{
  background-color: #f3f6fb;
}
</style>
